(function () {
    // 1.获取所有的节点
    const boxList = document.querySelectorAll('.panle');
    boxList.forEach(elem => {
        elem.addEventListener('click', function () {
            clearStyle()
            elem.classList.add("active");

        })
    })
    // 2.清除样式
    function clearStyle() {
        // 将所有div样式都设置成panle
        boxList.forEach(elem => {
            // elem.setAttribute('class', 'panle');
            elem.classList.remove('active');
        })
    }
})()